<template>
    <div class="big animate__animated animate__fadeIn">
        <div class="titles animate__animated animate__backInDown">
            <p>测试<br />网站</p>
        </div>
<!--        <el-button circle class="gobtn">-->
<!--ww-->
<!--        </el-button>-->
        <div class="gobtn" @click="secondPage()"></div>
    </div>
</template>

<script>
    export default {
        name: "index_m",
        methods:{
            secondPage(){
                this.$router.push('/mobile/home')
            }
        }
    }
</script>

<style scoped>
    .big{
        height: 100%;
        width: 100%;
        background-image: url("../../assets/imgs/mobile/back.jpg");
        background-size: 100% 100%;
        background-attachment: fixed;
        background-repeat:no-repeat;
        position: absolute;
        animation-duration: 2s;
    }
    .titles{
        position: relative;
        width: 35vw;
        left: 56%;
        top: 5%;
    }
    .titles p {
        font-family: cursive;
        font-size: 3.2em;
        color: whitesmoke;
    }
    .gobtn{
        background: url("../../assets/imgs/mobile/箭头.svg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        width: 85px;
        height: 85px;
        border-radius: 50%;
        position: fixed;
        bottom: 2vh;
        left: 40vw;
    }
</style>